<template>
  <f7-page>
    <f7-navbar :title="$t('settings.alarmSystem.title')" :back-link="$t('common.back')"></f7-navbar>
      <f7-list simple-list>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.vibrationAlarm")}}</span>
          <f7-toggle checked></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.lowBatteryAlarm")}}</span>
          <f7-toggle checked color="blue"></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.speedAlarm")}}</span>
          <f7-toggle checked color="red"></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.stationaryAlarm")}}</span>
          <f7-toggle color="green"></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.burglarAlarm")}}</span>
          <f7-toggle disabled></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.powerAlarm")}}</span>
          <f7-toggle checked disabled></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.OfflineAlarm")}}</span>
          <f7-toggle checked color="orange"></f7-toggle>
        </f7-list-item>
        <f7-list-item>
          <span>{{$t("settings.alarmSystem.fenceAlarm")}}</span>
          <f7-toggle color="pink"></f7-toggle>
        </f7-list-item>
      </f7-list>
  </f7-page>
</template>

<script>
export default {
  data() {
			return {

			}
		},
 methods:{

 },
  mounted() {

		},

}
</script>
